<template>
    <Page class="basic company">
        <template #header>
            <el-input placeholder="请输入组织名称" />
            <el-button type="primary">查询</el-button>
            <el-button >重置</el-button>
        </template>
        <PageCard title="物业组织管理">
            <template #actions>
                <el-button >导出数据</el-button>
                <el-button >导入数据</el-button>
                <el-button type="primary" size="small">新增</el-button>
            </template>
            <ApiTable :api="tableApi" :params="params">
                <el-table-column type="index" width="80" label="序号"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="" label="组织名称"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="" label="组织ID"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="" label="人员数量"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="" label="创建时间"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="" label="操作"></el-table-column>
            </ApiTable>
        </PageCard>
    </Page>
</template>

<script>
import Page from '../../components/Page.vue'
import PageCard from 'src/views/components/PageCard.vue'
import ApiTable from 'src/components/ApiTable.vue'
import { defineComponent } from 'vue'
export default defineComponent({
    name: 'organization',
    components: { Page, PageCard, ApiTable },
    data() {
        return {
            params: {}
        }
    },
    methods: {
        tableApi(params) {
            console.log(params)
        }
    }
})
</script>

<style>
</style>